html {
  font-size: 50PX;
}
@media screen and (min-width: 320PX){
  html {
    font-size: 50PX;
  }
}

@media screen and (min-width: 360PX) {
  html {
    font-size: 56.25PX;
  }
}

@media screen and (min-width: 375PX) {
  html {
    font-size: 58.59375PX;
  }
}

@media screen and (min-width: 400PX) {
  html {
    font-size: 62.5PX;
  }
}

@media screen and (min-width: 414PX) {
  html {
    font-size: 64.6875PX;
  }
}

@media screen and (min-width: 440PX) {
  html {
    font-size: 68.75PX;
  }
}

@media screen and (min-width: 480PX) {
  html {
    font-size: 75PX;
  }
}

@media screen and (min-width: 520PX) {
  html {
    font-size: 81.25PX;
  }
}

@media screen and (min-width: 560PX) {
  html {
    font-size: 87.5PX;
  }
}

@media screen and (min-width: 600PX) {
  html {
    font-size: 93.75PX;
  }
}

@media screen and (min-width: 640PX) {
  html {
    font-size: 100PX;
  }
}

@media screen and (min-width: 680PX) {
  html {
    font-size: 106.25PX;
  }
}

@media screen and (min-width: 720PX) {
  html {
    font-size: 112.5PX;
  }
}

@media screen and (min-width: 760PX) {
  html {
    font-size: 118.75PX;
  }
}

@media screen and (min-width: 800PX) {
  html {
    font-size: 125PX;
  }
}

@media screen and (min-width: 960PX) {
  html {
    font-size: 150PX;
  }
}

html, body {
  background-color: #F0F0F0;
  font-family: Helvetica Neue, Helvetica, Roboto, Segoe UI, Arial, sans-serif;
}
body {
  font-size: 16px;
}